/*
*这里是样式的配置文件
*也是antd 样式重定义的覆盖文件
*所有样式采用Less写法，主题色及需要覆盖的颜色请采用变量的形式
*/
@import './theme';

//公共样式
#root{
    height: 100%;
}

//antd样式重定义 部分需要用到important 请避免重复以及覆盖 需要单独写特别样式的请加class前缀
.ant-layout-header{
    padding: 0;
    background:@menuBg !important;
    height: 48px;
    line-height: 48px;
}
.ant-menu-item.navItem{
    background: @menuBg;
    width: 120px;
    text-align: center;
}
.ant-layout-sider{
    //overflow-y: scroll !important;
    //overflow-x: hidden !important;
}
img{vertical-align: text-bottom;}
//App.js 父组件的样式，包括菜单中部分样式及Logo
.logo{
    height: 80px;
    background: @containerBg;
}
.logo img{
    display: inline-block;
    height: 80px;
    width:200px;
}
.container{
    margin: 30px 30px 0 30px;
}



//登陆页面

.login{background:url("images/bj.png");
    width:100%;
    height:100%;
}
.foot{
    width:300px;
    text-align: center;
    position: absolute;bottom: 0;left:50%;
    margin-left:-150px;}
.lwef{width: 100%;
    float: left;
    text-align: center;margin-bottom: 30px;}

.buyoca{}
.login2{
    width:432px;
    position: absolute;
    left:50%;
    top:50%;
    margin-left:-216px;
    border-radius: 10px;
    margin-top:-213px;background: rgba(255,255,255,0.9);padding: 20px;-moz-box-shadow:2px 2px 5px #dddddd; -webkit-box-shadow: 0px 0px 12px #dddddd;     box-shadow: 0px 0px 9px #dddddd;}
.login2 .ant-form-item-label label{
    color: #000;}
.login2 .ant-form-item-label{
    float: left;width:90px;
    }
.login2 .ant-form-item-control-wrapper{
    float: left;
    width:300px;}
.login2 .has-error .ant-input, .has-error .ant-input:hover{border-color: #40a9ff;}
.login2 .has-error .ant-input:focus{border-color: #40a9ff;}
.login2 .ant-select-selection{
    width:300px;}
.yzm{
    width: 76px;
    float: left;
    background: #fff;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 4px;
    margin: 0 10px;
    border: 1px solid #d9d9d9;}
.rgre1{
    width:100px!important;
    float: left;}
.login2 .ant-btn-primary{
    width:200px;}
.afcrbb{
    width:200px;margin: 0 auto;}
.ant-menu-dark .ant-menu-item > a{
    color:rgba(255, 255, 255, 0.8);
}


.ant-menu-vertical > .ant-menu-item, .ant-menu-vertical-left > .ant-menu-item, .ant-menu-vertical-right > .ant-menu-item, .ant-menu-inline > .ant-menu-item, .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title{
    line-height:52px!important;
    height:52px!important;
}

.nav ul li a{
    line-height:52px!important;
    height:52px!important;
}
.nav ul li.ant-menu-submenu{
    padding-left:0!important;}
.nav ul li.ant-menu-submenu div{
    padding-left:26px!important;}
.nav ul li img{
    margin-right:22px!important;}
.nav ul li ul li{
    padding-left:50px!important;
    line-height:0!important;
    height:0!important;}
.nav ul li ul li i{
    margin-right:14px!important;}
.nav .ant-menu-submenu-title{
    padding-left:0!important;
    line-height:46px!important;
    height:46px!important;}
.ant-menu-dark .ant-menu-inline.ant-menu-sub{
    background: rgba(255,255,255,0.05)!important;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.45) inset!important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.45) inset!important;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title{line-height:46px!important;
    height:46px!important;}
.nav ul li ul li a{line-height:46px!important;
    height:46px!important;}
.nav ul li.ant-menu-item-selected{background: rgba(67,177,165,0.2)!important;}



.ant-btn-primary img{
    margin-right:8px;}


.ant-table-tbody{background: #fff;}
//默认头像样式
.default-img{
    padding:15px;
    border:1px solid #ddd;
}
